/*************************************************************/
/* 左侧导航样式 */
/*************************************************************/
@import "../../assets/styles/global-variable.less";

.LeftNav {
    width: @left-nav-width;
    height: 100%;
    background-color: darken(@theme-color, 17%);
    // ant导航风格重置
    .ant-menu.ant-menu-dark {
        max-height: 100%;
        background-color: darken(@theme-color, 14%);
        overflow-y: auto;
    }
    // 导航选项卡标题
    .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
        height: 46px;
        line-height: 46px;
        border-top: 1px solid darken(@theme-color, 8%);
        border-bottom: 1px solid darken(@theme-color, 18%);
        margin: 0;
    }
    // 导航子菜单
    .ant-menu-dark .ant-menu-sub {
        background-color: darken(@theme-color, 10%);
    }
    // 导航子菜单按钮（默认）
    .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a {
        color: rgba(255, 255, 255, 0.60);
    }
    // 导航子菜单按钮（被选中）
    .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
        // background-color: darken(@theme-color, 4%);
        background-image: linear-gradient(to right, darken(@theme-color, 8%), darken(@theme-color, 0%), darken(@theme-color, 12%));
        span.ant-menu-title-content {
            transform: scale(1.1) translateX(16px);
            a {
                color: rgba(255, 255, 255, 0.95);
            }
        }
    }
}
